{/* <div id="captcha1">
<div class="text">
    行为验证™ 安全组件加载中
</div>
<div class="wait show">
    <div class="loading">
        <div class="loading-dot"></div>
        <div class="loading-dot"></div>
        <div class="loading-dot"></div>
        <div class="loading-dot"></div>
    </div>
</div>
</div>
<button id="btn1">登录1</button>
<br> */}


// <!-- 注意，验证码本身是不需要 jquery 库，此处使用 jquery 仅为了在 demo 中使用，减少代码量 -->
// <script src="../../assets/js/jquery-1.8.3.min.js"></script>
// <!-- 引入 gt.js，既可以使用其中提供的 initGeetest 初始化函数。为防劫持，强烈建议将此文件放在客户服务器！！！-->
// <script src="./gt.js"></script>
function jkCaptchaFn(el,w,callback){
$.ajax({
url: "https://www.geetest.com/demo/gt/register-slide?t=" + (new Date()).getTime(), // 加随机数防止缓存
type: "get",
dataType: "json",
success: function (data) {

$(el).find('.text').hide();
$(el).find('.wait').show();
// 调用 initGeetest 进行初始化
// 参数1：配置参数
// 参数2：回调，回调的第一个参数验证码对象，之后可以使用它调用相应的接口
initGeetest({
    // 以下 4 个配置参数为必须，不能缺少
    gt: data.gt,
    challenge: data.challenge,
    offline: !data.success, // 表示用户后台检测极验服务器是否宕机
    new_captcha: data.new_captcha, // 用于宕机时表示是新验证码的宕机

    product: "popup", // 产品形式，包括：float，popup
    width: `${w}px`,
    https: true

    // 更多配置参数说明请参见：http://docs.geetest.com/install/client/web-front/
},function (captchaObj) {
        captchaObj.appendTo(el);
        captchaObj.onReady(function () {
            $(el).find('.wait').hide();
        })
        // $('#btn').click(function () {
        //     var result = captchaObj.getValidate();
        //     if (!result) {
        //         return alert('请完成验证');
        //     }
            
        // })

        callback(captchaObj);

        // 更多接口说明请参见：http://docs.geetest.com/install/client/web-front/
        window.gt = captchaObj;
    });
}
});
}

// jkCaptchaFn('#captcha1',300,captchaObj=>{
// $('#btn1').click(function () {
// var result = captchaObj.getValidate();
// if (!result) {
//     return alert('请完成验证');
// }

// })

// })

